<!doctype html>
<html data-n-head-ssr>
<head>
  <title>路飞学城 - 帮助有志向的年轻人通过努力学习获得体面工作</title>
  <meta data-n-head="ssr" charset="utf-8">
  <meta data-n-head="ssr" name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=yes,minimal-ui">
  <meta data-n-head="ssr" name="screen-orientation" content="portrait">
  <meta data-n-head="ssr" name="apple-mobile-web-app-capable" content="yes">
  <meta data-n-head="ssr" name="format-detection" content="telephone=no">
  <meta data-n-head="ssr" name="renderer" content="webkit">
  <meta data-n-head="ssr" name="Keywords" content="Python开发,linux教程,网站开发,金融分析,爬虫实战,机器学习,编程教程,在线课程,在线教育,路飞,路飞学城,路飞学院">
  <meta data-n-head="ssr" content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  <meta data-n-head="ssr" data-hid="description" name="description"
        content="路飞学城立志帮助有志向的年轻人通过努力学习获得体面的工作和生活！路飞学员通过学习Python,金融分析,人工智能等互联网最前沿技术,开启职业生涯新可能。">
  <link data-n-head="ssr" rel="icon" type="image/x-icon"
        href="//hcdn2.luffycity.com/media/frontend/index/Luffy-study-logo.png">
  <link rel="preload" href="/_nuxt/55515e77d0ea1677a64f.js" as="script">
  <link rel="preload" href="/_nuxt/a3fe59d1b05dd02c96a0.js" as="script">
  <link rel="preload" href="/_nuxt/e297b41ca8cc36f4a2d6.js" as="script">
  <link rel="preload" href="/_nuxt/1cd297dbc470aa7b5cc4.js" as="script">
  <link rel="preload" href="/_nuxt/8b1ec9b0d21d26a5d350.js" as="script">
  <style
    data-vue-ssr-id="765b275c:0 1f7d01ce:0 e955a574:0 ef6dde7e:0 4c5998dc:0 6f66de3d:0 5ebdb826:0 6998d1ff:0">*, :after, :before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
  }

  #__layout, #__nuxt, #app {
    width: 100%;
    height: 100vh;
    min-height: 100% !important
  }

  html {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    font-family: Helvetica Neue, Helvetica, Microsoft YaHei, Arial, sans-serif;
    font-size: 16px;
    word-spacing: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
  }

  body {
    line-height: 1.42857143;
    font-size: 14px;
    min-height: 100%;
    min-height: 100vh;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff !important
  }

  #routerView, body {
    display: flexbox;
    display: flex
  }

  #routerView {
    width: 100%;
    -prefix-box-flex: 1;
    flex: 1;
    flex-grow: 1;
    flex-direction: column
  }

  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
  }

  img {
    border-style: none;
    display: inline-block
  }

  a {
    text-decoration: none !important
  }

  a, button, input, optgroup, select, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }

  a, img {
    -webkit-touch-callout: none
  }

  blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, strong, td, textarea, th, ul {
    padding: 0;
    margin: 0;
    font-family: Helvetica Neue, Helvetica, Microsoft YaHei, Arial, sans-serif
  }

  img {
    border: 0;
    vertical-align: middle
  }

  a {
    text-decoration: none;
    color: #000;
    outline: none
  }

  li {
    list-style: none
  }

  div, h1, h2, h3, h4, h5, h6, p, section, span {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
  }

  .clearfix:after {
    content: "\200B";
    clear: both;
    display: block;
    height: 0
  }

  button {
    cursor: pointer;
    border: none;
    background: transparent
  }

  i {
    font-style: normal
  }

  input, select, textarea {
    border: none;
    outline: none
  }

  select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent
  }

  select::-ms-expand {
    display: none
  }

  button {
    outline: none
  }

  input:-webkit-autofill {
    　　-webkit-box-shadow: 0 0 0 1000px #fff inset
  }

  .view[data-v-f810d444] {
    display: flex;
    flex-direction: column;
    min-height: 100vh
  }

  .view .main[data-v-f810d444] {
    display: flex;
    flex-direction: column;
    flex: 1
  }

  .hide[data-v-5bb2aec2] {
    display: none
  }

  header[data-v-5bb2aec2] {
    min-width: 1200px;
    z-index: 100;
    box-shadow: 0 4px 8px 0 hsla(0, 0%, 59.2%, .1)
  }

  .active-top[data-v-5bb2aec2] {
    width: 100%;
    height: 52px;
    background: linear-gradient(117deg, #ff4080, #ffa700);
    box-shadow: 0 4px 8px 0 hsla(0, 0%, 81.6%, .49);
    text-align: center
  }

  .active-top a[data-v-5bb2aec2] {
    color: #fff;
    font-size: 16px;
    line-height: 52px;
    width: 100%;
    height: 100%;
    display: inline-block
  }

  .active-top a i[data-v-5bb2aec2] {
    font-style: normal;
    margin-left: 32px;
    display: inline-block
  }

  .header[data-v-5bb2aec2] {
    width: 100%;
    height: 60px;
    background: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .1)
  }

  .header .header-cont[data-v-5bb2aec2] {
    width: 1200px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative
  }

  .header .header-cont .left[data-v-5bb2aec2] {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 12px
  }

  .header .header-cont .logo[data-v-5bb2aec2] {
    width: 118px;
    height: auto;
    cursor: pointer;
    margin-right: 50px
  }

  .header .header-cont .nav[data-v-5bb2aec2] {
    width: auto;
    height: 36px;
    display: flex;
    line-height: 36px;
    margin-left: 160px
  }

  .header .header-cont .nav a[data-v-5bb2aec2] {
    height: 36px;
    display: inline-block;
    margin-right: 30px
  }

  .header .header-cont .nav a li[data-v-5bb2aec2] {
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    color: #4a4a4a
  }

  .header .header-cont .nav a[data-v-5bb2aec2]:last-child {
    margin-right: 0
  }

  .header .header-cont .nav a.active-link[data-v-5bb2aec2], .header .header-cont .nav a[data-v-5bb2aec2]:hover {
    border-bottom: 2px solid #f5a623
  }

  .header .header-cont .nav a.active-link li[data-v-5bb2aec2] {
    color: #f5a623;
    font-weight: 500
  }

  .header .header-cont .header-right-box[data-v-5bb2aec2] {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #4a4a4a;
    position: absolute;
    right: 0;
    top: 0
  }

  .header .header-cont .header-right-box .search[data-v-5bb2aec2] {
    height: auto;
    display: flex
  }

  .header .header-cont .header-right-box .search input[data-v-5bb2aec2] {
    width: 185px;
    height: 26px;
    font-size: 14px;
    color: #4a4a4a;
    border-bottom: 1px solid #ffc210
  }

  .header .header-cont .header-right-box .search[data-v-5bb2aec2] ::-webkit-input-placeholder {
    color: #9d9d9d
  }

  .header .header-cont .header-right-box .search[data-v-5bb2aec2] :-moz-placeholder, .header .header-cont .header-right-box .search[data-v-5bb2aec2] ::-moz-placeholder {
    color: #9d9d9d
  }

  .header .header-cont .header-right-box .search[data-v-5bb2aec2] :-ms-input-placeholder {
    color: #9d9d9d
  }

  .header .header-cont .header-right-box .search ul[data-v-5bb2aec2] {
    width: 185px;
    height: 26px;
    display: flex;
    align-items: center;
    padding-bottom: 3px;
    border-bottom: 1px solid hsla(0, 0%, 59.2%, .25);
    cursor: text
  }

  .header .header-cont .header-right-box .search ul span[data-v-5bb2aec2] {
    color: #545c63;
    font-size: 12px;
    padding: 3px 12px;
    background: #eeeeef;
    cursor: pointer;
    margin-right: 3px;
    border-radius: 11px
  }

  .header .header-cont .header-right-box .search p[data-v-5bb2aec2] {
    position: relative;
    margin-right: 20px;
    margin-left: 4px
  }

  .header .header-cont .header-right-box .search p .icon[data-v-5bb2aec2] {
    width: 16px;
    height: 16px;
    cursor: pointer
  }

  .header .header-cont .header-right-box .search p .new[data-v-5bb2aec2] {
    width: 18px;
    height: 10px;
    position: absolute;
    left: 15px;
    top: 0
  }

  .header .header-cont .header-right-box .shop-cart[data-v-5bb2aec2] {
    width: 99px;
    height: 28px;
    border-radius: 15px;
    margin-right: 20px;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer
  }

  .header .header-cont .header-right-box .shop-cart img[data-v-5bb2aec2] {
    width: 20px;
    height: 20px;
    margin-right: 7px
  }

  .header .header-cont .header-right-box .shop-cart span[data-v-5bb2aec2] {
    font-size: 14px;
    font-weight: 300;
    color: #5e5e5e
  }

  .header .header-cont .header-right-box .shop-cart b[data-v-5bb2aec2] {
    position: absolute;
    left: 28px;
    top: -1px;
    width: 18px;
    height: 16px;
    color: #fff;
    font-size: 12px;
    font-weight: 350;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #ff0826;
    overflow: hidden;
    transform: scale(.8)
  }

  .header .header-cont .header-right-box .shop_car:hover span[data-v-5bb2aec2] {
    color: #000 !important
  }

  .header .header-cont .header-right-box .auth-button[data-v-5bb2aec2] {
    height: 36px;
    display: flex;
    align-items: center;
    line-height: 36px
  }

  .header .header-cont .header-right-box .auth-button .signin[data-v-5bb2aec2], .header .header-cont .header-right-box .auth-button .signup[data-v-5bb2aec2] {
    cursor: pointer;
    border-radius: 4px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    white-space: nowrap;
    font-weight: 500
  }

  .header .header-cont .header-right-box .auth-button .signin[data-v-5bb2aec2] {
    width: 76px;
    border: 1px solid #ffc210;
    color: #ffc210;
    margin-right: 14px;
    margin-left: 5px
  }

  .header .header-cont .header-right-box .auth-button .signup[data-v-5bb2aec2] {
    width: 98px;
    background: #ffc210;
    color: #fff
  }

  .header .header-cont .header-right-box .auth-button .signin[data-v-5bb2aec2]:hover {
    color: #f5a623;
    border: 1px solid #f5a623
  }

  .header .header-cont .header-right-box .auth-button .signup[data-v-5bb2aec2]:hover {
    background: #f5a623
  }

  .header .header-cont .header-right-box .nav-right-box[data-v-5bb2aec2] {
    position: relative
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right[data-v-5bb2aec2] {
    float: right;
    display: flex;
    height: 100%;
    line-height: 60px;
    position: relative
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .nav-study[data-v-5bb2aec2] {
    font-size: 15px;
    font-weight: 300;
    color: #5e5e5e;
    margin-right: 20px
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .nav-study[data-v-5bb2aec2]:hover {
    color: #000
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right div[data-v-5bb2aec2] {
    line-height: 60px;
    cursor: pointer
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right div[data-v-5bb2aec2]:first-child {
    padding-left: 0
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right div[data-v-5bb2aec2]:last-child {
    padding-right: 0
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right img[data-v-5bb2aec2] {
    width: 22px;
    height: 22px;
    cursor: pointer
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .nav-img span[data-v-5bb2aec2] {
    width: 100px;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .nav-img img[data-v-5bb2aec2] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #f3f3f3
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .nav-img .this[data-v-5bb2aec2] {
    border: 1px solid #ffc210
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .home-my-account[data-v-5bb2aec2] {
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 101;
    width: 190px;
    height: auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 #d0d0d0
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .home-my-account li[data-v-5bb2aec2] {
    display: block;
    height: 40px;
    font-size: 14px;
    font-weight: 300;
    color: #5e5e5e;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .home-my-account li span[data-v-5bb2aec2] {
    height: 40px;
    display: flex;
    align-items: center
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .home-my-account li b[data-v-5bb2aec2] {
    font-weight: 300;
    margin-top: -2px
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .home-my-account li img[data-v-5bb2aec2] {
    width: 5px;
    height: 10px
  }

  .header .header-cont .header-right-box .nav-right-box .nav-right .home-my-account li[data-v-5bb2aec2]:hover {
    color: #000;
    font-weight: 400;
    background: #f5f7f9
  }

  .my[data-v-501dc584] {
    background: #f9f9f9;
    align-items: center
  }

  .my[data-v-501dc584], .my .children[data-v-501dc584] {
    flex: 1;
    display: flex;
    flex-direction: column
  }

  .my-tab[data-v-501dc584] {
    width: 100%;
    height: auto;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 2px 4px 1px #f3f3f3;
    justify-content: center
  }

  .my-tab[data-v-501dc584], .my-tab ul[data-v-501dc584] {
    display: flex;
    align-items: center
  }

  .my-tab ul[data-v-501dc584] {
    width: 1200px;
    height: 50px
  }

  .my-tab ul a[data-v-501dc584] {
    margin-right: 30px;
    padding-bottom: 3px;
    font-size: 15px;
    font-weight: 400;
    color: #5e5e5e;
    font-family: PingFangSC-Regular
  }

  .my-tab ul a[data-v-501dc584]:hover {
    color: #333
  }

  .my-tab ul .active-link[data-v-501dc584] {
    font-weight: 500;
    color: #333 !important;
    font-family: PingFangSC-Medium;
    box-shadow: 0 2px 0 0 #f5a623
  }

  .wrapper[data-v-f06ef9a0] {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    white-space: nowrap
  }

  .modify-text[data-v-f06ef9a0] {
    font-size: 14px;
    color: #4a90e2;
    display: inline-block;
    margin-left: 17px;
    cursor: pointer;
    font-family: PingFangSC-Regular
  }

  .label-point[data-v-f06ef9a0] {
    flex: 1;
    color: #5e5e5e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .label[data-v-f06ef9a0], .label-point[data-v-f06ef9a0] {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    font-family: PingFangSC-Regular
  }

  .label[data-v-f06ef9a0] {
    padding: 0;
    color: #9b9b9b;
    margin-bottom: 0;
    line-height: 20px;
    margin-right: 20px;
    text-align: left
  }

  .info-tit-wrap[data-v-f06ef9a0] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    font-family: PingFangSC-Regular
  }

  .professional[data-v-f06ef9a0] {
    width: 100%;
    margin-left: 14px
  }

  .professional .professional-module[data-v-f06ef9a0] {
    margin-right: 40px;
    margin-bottom: 20px;
    display: flex;
    align-items: center
  }

  .professional .professional-module .spli[data-v-f06ef9a0] {
    font-size: 14px;
    font-weight: 400;
    font-family: PingFangSC-Regular;
    color: #5e5e5e
  }

  .professional .professional-module[data-v-f06ef9a0]:last-child {
    margin-bottom: 0
  }

  .professional .professional-module:last-child div[data-v-f06ef9a0] {
    display: flex;
    align-items: center
  }

  .professional .professional-module:last-child div .spli[data-v-f06ef9a0] {
    margin-right: 20px;
    font-family: PingFangSC-Regular
  }

  .professional .professional-module:last-child div .spli[data-v-f06ef9a0]:last-child {
    margin-right: 0 !important;
    font-family: PingFangSC-Regular
  }

  .edit-btn[data-v-f06ef9a0] {
    font-size: 12px;
    color: #4a4a4a;
    display: flex;
    align-items: center
  }

  .edit-btn img[data-v-f06ef9a0] {
    width: 14px;
    height: auto;
    margin-right: 10px
  }

  .info-tit[data-v-f06ef9a0] {
    font-size: 18px;
    color: #4a4a4a;
    margin: 0
  }

  .base-info[data-v-f06ef9a0] {
    margin-bottom: 20px
  }

  .base-info-wrap[data-v-f06ef9a0] {
    display: flex;
    flex-wrap: wrap;
    margin-left: 14px
  }

  .base-info-wrap .base-info-item[data-v-f06ef9a0] {
    width: 30%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-right: 56px
  }

  .base-info-wrap .base-info-item[data-v-f06ef9a0]:nth-of-type(3n) {
    margin-right: 0
  }

  .info-content[data-v-f06ef9a0] {
    width: 1200px;
    min-height: 480px;
    margin-top: 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 4px 1px hsla(0, 0%, 95.3%, .5);
    padding: 30px;
    box-sizing: border-box
  }

  .info-content .info-left[data-v-f06ef9a0] {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px
  }

  .info-content .info-left dt[data-v-f06ef9a0] {
    width: 80px;
    height: 80px;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 12px;
    position: relative;
    overflow: hidden
  }

  .info-content .info-left dt .new-img[data-v-f06ef9a0], .info-content .info-left dt div[data-v-f06ef9a0] {
    width: 100%;
    height: 100%
  }

  .info-content .info-left dt .camera-icon[data-v-f06ef9a0] {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(74, 73, 74, .6) url(//hcdn2.luffycity.com/media/frontend/activity/camera_1564141047.1900802.svg) no-repeat 25px 25px;
    background-size: 30px
  }

  .info-content .info-left dd[data-v-f06ef9a0] {
    flex: 1;
    overflow: hidden;
    font-weight: 400;
    font-family: PingFangSC-Regular
  }

  .info-content .info-left dd h4[data-v-f06ef9a0] {
    color: #000;
    font-size: 18px;
    margin: 0 0 8px
  }

  .info-content .info-left dd .city[data-v-f06ef9a0] {
    display: flex;
    align-items: center;
    margin-bottom: 10px
  }

  .info-content .info-left dd .city span[data-v-f06ef9a0] {
    display: block;
    font-size: 12px;
    color: #9b9b9b
  }

  .info-content .info-left dd .city i[data-v-f06ef9a0] {
    color: #9b9b9b;
    font-style: normal
  }

  .info-content .info-left dd .signature[data-v-f06ef9a0] {
    width: 100%;
    font-size: 14px;
    color: #5e5e5e;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
  }

  .info-content dl[data-v-f06ef9a0] {
    margin-bottom: 0
  }

  .information[data-v-f06ef9a0] {
    margin-bottom: 63px
  }

  li[data-v-f06ef9a0] {
    list-style: none
  }

  .edit-base-wrap[data-v-f06ef9a0] {
    margin-bottom: 50px
  }

  .user-name[data-v-f06ef9a0] {
    font-size: 12px;
    color: #5e5e5e;
    letter-spacing: .19px;
    margin-bottom: 21px
  }

  .user-name > .name[data-v-f06ef9a0] {
    font-size: 16px;
    color: #333;
    letter-spacing: .25px
  }

  .edit-label[data-v-f06ef9a0] {
    font-size: 14px;
    color: #4a4a4a;
    display: inline-block
  }

  .edit-label .edit-error[data-v-f06ef9a0] {
    margin-left: 6px;
    color: #fd7b4d
  }

  .edit-input[data-v-f06ef9a0] {
    padding: 0 10px;
    width: 100%;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    height: 42px;
    font-size: 14px;
    color: #4a4a4a;
    font-family: PingFangSC-Regular
  }

  .edit-input.active[data-v-f06ef9a0] {
    border: 1px solid #ffc210
  }

  .edit-input.error[data-v-f06ef9a0] {
    border: 1px solid #fd7b4d
  }

  .edit-cont[data-v-f06ef9a0] {
    width: 100%;
    display: flex;
    flex-wrap: wrap
  }

  .edit-cont li[data-v-f06ef9a0] {
    margin-right: 40px
  }

  .edit-cont li[data-v-f06ef9a0]:nth-of-type(3n) {
    margin-right: 0
  }

  .edit-list[data-v-f06ef9a0] {
    width: 336px;
    list-style: none;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column
  }

  .sex-input[data-v-f06ef9a0] {
    width: 157px;
    text-align: center;
    background: #fff
  }

  .woman-spec[data-v-f06ef9a0] {
    margin-left: 16px
  }

  .sex-input-active[data-v-f06ef9a0] {
    border: 1px solid #ffc210;
    border-radius: 2px
  }

  .select-input[data-v-f06ef9a0] {
    display: block;
    border: 1px solid #d0d0d0;
    border-radius: 3px
  }

  .modify-btn[data-v-f06ef9a0] {
    margin-top: 10px;
    border-radius: 5px;
    width: 108px;
    height: 40px;
    outline: none;
    font-size: 14px;
    font-family: PingFangSC-Regular
  }

  .modify-cancel-btn[data-v-f06ef9a0] {
    color: #ffc210;
    background: none;
    border: 1px solid #ffc210;
    margin-right: 20px
  }

  .modify-sure-btn[data-v-f06ef9a0] {
    color: #fff;
    border: none;
    background: #ffc210
  }

  .industry[data-v-f06ef9a0], .interested[data-v-f06ef9a0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }

  .industry li[data-v-f06ef9a0], .interested li[data-v-f06ef9a0] {
    list-style: none;
    width: 120px;
    height: 30px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    font-size: 14px;
    color: #d0d0d0;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer
  }

  .industry li[data-v-f06ef9a0]:last-child, .interested li[data-v-f06ef9a0]:last-child {
    margin-right: 0
  }

  .industry .pro-mark-active[data-v-f06ef9a0], .interested .pro-mark-active[data-v-f06ef9a0] {
    color: #ffc210;
    border: 1px solid #ffc210
  }

  .btn-wrap[data-v-f06ef9a0] {
    width: 300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
  }

  .btn-wrap .img-btn[data-v-f06ef9a0] {
    width: 93px;
    height: 31px;
    outline: none;
    border: none;
    border-radius: 2px;
    font-size: 14px
  }

  .btn-wrap .img-change[data-v-f06ef9a0] {
    background: #f4d8ab;
    color: #f5a623
  }

  .btn-wrap .img-cancel[data-v-f06ef9a0] {
    background: #d8d8d8;
    color: #fff
  }

  .btn-wrap .img-sure[data-v-f06ef9a0] {
    background: #7ed321;
    color: #fff
  }

  .security[data-v-f06ef9a0] {
    margin-left: 14px;
    margin-bottom: 50px
  }

  .security[data-v-f06ef9a0], .security div[data-v-f06ef9a0] {
    display: flex;
    align-items: center
  }

  .security div[data-v-f06ef9a0] {
    width: 30%;
    margin-right: 56px
  }

  .security div[data-v-f06ef9a0]:last-child {
    margin-right: 0
  }

  .shadow-wrap[data-v-f06ef9a0] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111
  }

  .shadow[data-v-f06ef9a0] {
    background: rgba(0, 0, 0, .2);
    display: flex;
    justify-content: center;
    align-items: center
  }

  .security-first-box[data-v-f06ef9a0], .security-next-box[data-v-f06ef9a0] {
    text-align: center;
    width: 410px;
    height: auto;
    background: #fff;
    box-shadow: 0 4px 10px 0 #9d9d9d;
    border-radius: 4px;
    position: relative;
    padding: 30px 30px 60px;
    z-index: 222
  }

  .security-first-box .security-next-content[data-v-f06ef9a0], .security-next-box .security-next-content[data-v-f06ef9a0] {
    margin-top: 40px
  }

  .security-first-box .next-btn[data-v-f06ef9a0], .security-first-box .set-success-btn[data-v-f06ef9a0], .security-next-box .next-btn[data-v-f06ef9a0], .security-next-box .set-success-btn[data-v-f06ef9a0] {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    height: 40px;
    background: #ffc210;
    color: #fff;
    line-height: 40px;
    cursor: pointer
  }

  .modal-tip[data-v-f06ef9a0], .security-first-box .next-btn[data-v-f06ef9a0], .security-next-box .next-btn[data-v-f06ef9a0] {
    margin-top: 30px
  }

  .modal-tip[data-v-f06ef9a0] {
    font-size: 13px;
    color: #9d9d9d;
    letter-spacing: 1.08px
  }

  .modal-tip span[data-v-f06ef9a0] {
    display: inline-block;
    margin-bottom: 6px
  }

  .modal-phone[data-v-f06ef9a0] {
    margin: 24px 0;
    font-size: 15px;
    color: #4a4a4a;
    letter-spacing: 1.25px
  }

  .edit-tit[data-v-f06ef9a0] {
    font-size: 24px;
    color: #5e5e5e;
    letter-spacing: 2px
  }

  .code-btn[data-v-f06ef9a0] {
    display: block;
    font-size: 16px;
    color: #ffc210;
    outline: none;
    border: none;
    background: none;
    margin-left: auto;
    margin-right: 10px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px
  }

  .error-tip[data-v-f06ef9a0] {
    height: 20px;
    color: #fd7b4d;
    margin-top: 5px;
    display: block;
    text-align: left
  }

  .inp[data-v-f06ef9a0] {
    width: 100%;
    height: 46px;
    position: relative
  }

  .inp .log-input[data-v-f06ef9a0] {
    width: 100%;
    height: 100%;
    text-indent: 10px;
    position: absolute;
    right: 0;
    border: 1px solid #e4e7ed;
    border-radius: 4px
  }

  .inp .log-input[data-v-f06ef9a0]:focus {
    border: 1px solid #ffc210
  }

  .inp .log-input.error[data-v-f06ef9a0] {
    border: 1px solid #fd7b4d
  }

  .change-professional[data-v-f06ef9a0] {
    margin-bottom: 30px
  }

  .side[data-v-20420f28] {
    width: 50px;
    height: auto;
    position: fixed;
    right: 10px;
    bottom: 50%;
    margin-bottom: -108px;
    z-index: 10
  }

  .side li[data-v-20420f28] {
    width: 100%;
    height: 50px;
    background: #ccc;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    cursor: pointer;
    font-family: PingFangSC-Regular;
    transition: all .2s ease-in-out;
    position: relative
  }

  .side li span[data-v-20420f28] {
    display: none
  }

  .side li img[data-v-20420f28] {
    width: 24px;
    height: auto;
    margin-bottom: 2px
  }

  .side li .code[data-v-20420f28] {
    width: 130px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 5px;
    background: #fff;
    position: absolute;
    left: -140px;
    font-size: 12px;
    color: #5e5e5e;
    text-align: center;
    box-shadow: 0 2px 4px 0 #e8e8e8;
    border-radius: 4px;
    font-family: PingFangSC-Regular
  }

  .side li .code span[data-v-20420f28] {
    padding-bottom: 5px;
    display: block
  }

  .side li .code img[data-v-20420f28] {
    width: 110px;
    height: 110px;
    margin: 0 auto
  }

  .side li[data-v-20420f28]:hover {
    background: #ffc210
  }

  .side li:hover img[data-v-20420f28], .side li:hover p[data-v-20420f28] {
    display: none
  }

  .side li:hover span[data-v-20420f28] {
    display: inline-block
  }

  .side li[data-v-20420f28]:nth-of-type(2):hover {
    background: #ffc210
  }

  .side li:nth-of-type(2):hover .code[data-v-20420f28], .side li:nth-of-type(2):hover .wechat[data-v-20420f28] {
    display: block
  }

  .mbox[data-v-250c3340] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 1010;
    display: flex;
    align-items: center;
    justify-content: space-around
  }

  .mbox .mask[data-v-250c3340] {
    position: relative;
    text-align: center;
    cursor: pointer
  }

  .mbox .mask .close[data-v-250c3340] {
    width: 22px;
    height: 22px;
    position: absolute;
    right: -25px;
    top: 0;
    opacity: 1;
    cursor: pointer
  }

  .mbox .mask .popup[data-v-250c3340] {
    width: 593px;
    height: 270px
  }

  @-webkit-keyframes maskanimation-data-v-250c3340 {
    0% {
      transform: scale(.9);
      opacity: .3
    }
    50% {
      transform: scale(1.1);
      opacity: .7
    }
    to {
      transform: scale(1);
      opacity: 1
    }
  }

  @keyframes maskanimation-data-v-250c3340 {
    0% {
      transform: scale(.9);
      opacity: .3
    }
    50% {
      transform: scale(1.1);
      opacity: .7
    }
    to {
      transform: scale(1);
      opacity: 1
    }
  }

  .img1[data-v-dabcc042] {
    width: 18px;
    height: 18px
  }

  #course1[data-v-dabcc042] {
    margin-bottom: -2px
  }

  .foot-about[data-v-dabcc042] {
    background-color: #282828;
    width: 100%;
    height: 680px
  }

  .foot-about2[data-v-dabcc042] {
    display: flex;
    justify-content: center;
    margin-left: -500px
  }

  .box1[data-v-dabcc042], .box2[data-v-dabcc042] {
    float: left;
    width: 6%
  }

  .box3[data-v-dabcc042] {
    float: left;
    width: 10%
  }

  .box-title[data-v-dabcc042] {
    font-size: 12px;
    font-weight: 700;
    color: #d0d0d0;
    margin-top: 25px
  }

  .box-content1[data-v-dabcc042]:hover {
    color: #ffc210
  }

  .box-content1[data-v-dabcc042] {
    line-height: 30px
  }

  .box-content[data-v-dabcc042] {
    font-size: 10px;
    margin-left: 24px
  }

  .box-content a[data-v-dabcc042] {
    color: #d0d0d0
  }

  footer[data-v-dabcc042] {
    width: 100%;
    height: 380px;
    flex-direction: column;
    overflow: hidden;
    background: #191c25
  }

  footer[data-v-dabcc042], footer .foot-item[data-v-dabcc042] {
    display: flex;
    align-items: center
  }

  footer .foot-item[data-v-dabcc042] {
    width: 960px;
    height: 100%;
    justify-content: space-between
  }

  footer .foot-item .foot-left[data-v-dabcc042] {
    display: flex;
    align-items: center
  }

  footer .foot-item .foot-left .foot-content a[data-v-dabcc042] {
    color: #fff
  }

  footer .foot-item .foot-left .foot-content .copyright[data-v-dabcc042]:hover {
    color: #ffc210
  }

  footer .foot-item .foot-left .foot-content .copyright[data-v-dabcc042], footer .foot-item .foot-left .foot-content .report-link[data-v-dabcc042], footer .foot-item .foot-left .foot-content p[data-v-dabcc042]:first-child {
    color: #d0d0d0
  }

  footer .foot-item .foot-left .foot-content p:first-child span[data-v-dabcc042] {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    font-family: PingFangSC-Regular;
    cursor: pointer
  }

  footer .foot-item .foot-left .foot-content p[data-v-dabcc042] {
    margin-bottom: 10px;
    font-size: 13px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #d0d0d0
  }

  footer .foot-item .report-img[data-v-dabcc042] {
    display: inline-block;
    height: 20px;
    margin-right: 12px
  }

  footer .foot-item .code[data-v-dabcc042] {
    width: 74px;
    height: auto;
    margin-right: 100px
  }</style>
</head>
<body>
<div data-server-rendered="true" id="__nuxt">
  <div id="__layout">
    <div class="view" data-v-f810d444>
      <header data-v-5bb2aec2 data-v-f810d444>
        <div class="header" data-v-5bb2aec2>
          <div class="header-cont" data-v-5bb2aec2>
            <div class="left" data-v-5bb2aec2><a href="/" class="active-link" data-v-5bb2aec2><img
              src="//hcdn2.luffycity.com/media/frontend/activity/head-logo_1564141048.3435316.svg" class="logo"
              data-v-5bb2aec2></a></div>
            <nav class="nav" data-v-5bb2aec2><a href="/free-course" target="_blank" data-v-5bb2aec2>
              <li data-v-5bb2aec2>免费课</li>
            </a> <a href="/actual-course" target="_blank" data-v-5bb2aec2>
              <li data-v-5bb2aec2>实战课</li>
            </a> <a href="/light-course" target="_blank" data-v-5bb2aec2>
              <li data-v-5bb2aec2>轻课</li>
            </a> <a href="/employment-course" target="_blank" data-v-5bb2aec2>
              <li data-v-5bb2aec2>就业班</li>
            </a> <a data-v-5bb2aec2>
              <li data-v-5bb2aec2>题库</li>
            </a> <a href="/student-related" target="_blank" data-v-5bb2aec2>
              <li data-v-5bb2aec2>学员成果</li>
            </a></nav>
            <div class="header-right-box" data-v-5bb2aec2>
              <div class="search" data-v-5bb2aec2><input type="text" placeholder="请输入想搜索的课程" value=""
                                                         style="display:none;" data-v-5bb2aec2>
                <ul style="display:;" data-v-5bb2aec2><span data-v-5bb2aec2>Python</span> <span
                  data-v-5bb2aec2>Linux</span></ul>
                <p data-v-5bb2aec2><img
                  src="//hcdn2.luffycity.com/media/frontend/activity/sousuo1_1572509512.0016685.png" class="icon"
                  style="display:;" data-v-5bb2aec2> <img
                  src="//hcdn2.luffycity.com/media/frontend/activity/sousuo2_1572509511.9415796.png" class="icon"
                  style="display:none;" data-v-5bb2aec2> <img
                  src="//hcdn2.luffycity.com/media/frontend/activity/new_1572509511.5792108.png" class="new"
                  data-v-5bb2aec2></p></div>
              <a href="/pay/cart" class="shop-cart" data-v-5bb2aec2><b style="display:none;" data-v-5bb2aec2>0</b> <img
                src="//hcdn2.luffycity.com/media/frontend/activity/shopcart@2x_1568185801.2089324.png" data-v-5bb2aec2>
                <span data-v-5bb2aec2>购物车</span></a> <!---->
              <div class="nav-right-box" style="display:;" data-v-5bb2aec2>
                <div class="nav-right" data-v-5bb2aec2>
                  <div class="nav-study" data-v-5bb2aec2><a href="/study/degree" data-v-5bb2aec2>我的教室</a></div>
                  <div class="nav-img" data-v-5bb2aec2><img
                    src="//hcdn2.luffycity.com/media/frontend/head_portrait/b264c08f4104dc6773c1d5fe9688e0f8.png"
                    onerror="javascript:this.src='//hcdn2.luffycity.com/media/frontend/head_portrait/logo@2x.png'"
                    data-v-5bb2aec2></div>
                  <ul class="home-my-account" style="display:none;" data-v-5bb2aec2><a href="/account/center/home"
                                                                                       data-v-5bb2aec2>
                    <li data-v-5bb2aec2>我的账户 <img
                      src="//hcdn2.luffycity.com/media/frontend/activity/back_1568185800.821227.svg" data-v-5bb2aec2>
                    </li>
                  </a> <a href="/account/center/order" data-v-5bb2aec2>
                    <li data-v-5bb2aec2>我的订单 <img
                      src="//hcdn2.luffycity.com/media/frontend/activity/back_1568185800.821227.svg" data-v-5bb2aec2>
                    </li>
                  </a> <a href="/exchange-shop" data-v-5bb2aec2>
                    <li data-v-5bb2aec2>贝里小卖部 <img
                      src="//hcdn2.luffycity.com/media/frontend/activity/back_1568185800.821227.svg" data-v-5bb2aec2>
                    </li>
                  </a> <a href="/account/coupon" data-v-5bb2aec2>
                    <li data-v-5bb2aec2>我的优惠券 <img
                      src="//hcdn2.luffycity.com/media/frontend/activity/back_1568185800.821227.svg" data-v-5bb2aec2>
                    </li>
                  </a>
                    <li data-v-5bb2aec2>退出<img
                      src="//hcdn2.luffycity.com/media/frontend/activity/back_1568185800.821227.svg" data-v-5bb2aec2>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </header>
      <div class="my main" data-v-501dc584 data-v-f810d444>
        <div class="my-tab" data-v-501dc584>
          <ul data-v-501dc584><a href="/account/center/home" data-v-501dc584>
            <li data-v-501dc584>我的账户</li>
          </a> <a href="/account/center/order" data-v-501dc584>
            <li data-v-501dc584>我的订单</li>
          </a> <a href="/account/center/info" class="nuxt-link-exact-active active-link" data-v-501dc584>
            <li data-v-501dc584>个人资料</li>
          </a></ul>
        </div>
        <div data-v-501dc584>
          <main class="information" data-v-f06ef9a0 data-v-501dc584 data-v-501dc584>
            <div class="wrapper" data-v-f06ef9a0>
              <div data-v-f06ef9a0>
                <div class="info-content" data-v-f06ef9a0>
                  <dl class="info-left" data-v-f06ef9a0>
                    <dt data-v-f06ef9a0>
                      <div data-v-f06ef9a0><img alt="用户头像" class="new-img" data-v-f06ef9a0>
                        <div class="camera-icon" style="display:none;" data-v-f06ef9a0></div>
                      </div>
                    </dt>
                    <dd data-v-f06ef9a0><h4 data-v-f06ef9a0></h4>
                      <p class="city" data-v-f06ef9a0><!----> <!----> <span data-v-f06ef9a0>  中国</span></p>
                      <p class="signature" data-v-f06ef9a0>这个人很懒，什么有没有留下 ~</p></dd>
                  </dl>
                  <div class="base-info" data-v-f06ef9a0>
                    <div class="info-tit-wrap" data-v-f06ef9a0><h5 class="info-tit" data-v-f06ef9a0>基本信息</h5>
                      <button class="edit-btn" data-v-f06ef9a0><img
                        src="//hcdn2.luffycity.com/media/frontend/activity/edit_icon_1564127720.1136944.png"
                        data-v-f06ef9a0>
                        修改
                      </button>
                    </div>
                    <ul class="base-info-wrap" data-v-f06ef9a0>
                      <li class="base-info-item" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>用 户 名</label>
                        <span class="label-point" data-v-f06ef9a0></span></li>
                      <li class="base-info-item" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>微 信</label> <span
                        class="label-point" data-v-f06ef9a0>未填写</span></li>
                      <li class="base-info-item" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>学 历</label> <span
                        class="label-point" data-v-f06ef9a0>
                未填写
              </span></li>
                      <li class="base-info-item" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>性 别</label> <span
                        class="label-point" data-v-f06ef9a0>女</span></li>
                      <li class="base-info-item" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>生 日</label> <span
                        class="label-point" data-v-f06ef9a0>未填写</span></li>
                      <li class="base-info-item" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>QQ 号</label> <span
                        class="label-point" data-v-f06ef9a0>未填写</span></li>
                      <li class="base-info-item" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>收件地址</label> <span
                        class="label-point" data-v-f06ef9a0>未填写</span></li>
                      <li class="base-info-item" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>签 名</label> <span
                        class="label-point" data-v-f06ef9a0>这个人很懒，什么有没有留下 ~</span></li>
                    </ul>
                  </div>
                  <div class="base-info" data-v-f06ef9a0>
                    <div class="info-tit-wrap" data-v-f06ef9a0><h5 class="info-tit" data-v-f06ef9a0>认证信息</h5></div>
                    <ul class="base-info-wrap" data-v-f06ef9a0>
                      <li class="base-info-item" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>实名认证</label> <span
                        class="label-point certification" data-v-f06ef9a0>
                未认证
              </span></li>
                    </ul>
                  </div>
                  <div class="base-info" data-v-f06ef9a0>
                    <div class="info-tit-wrap" data-v-f06ef9a0><h5 class="info-tit" data-v-f06ef9a0>账户安全</h5></div>
                    <div class="security" data-v-f06ef9a0>
                      <div data-v-f06ef9a0><label class="label" data-v-f06ef9a0>手 机</label> <span class="spli"
                                                                                                  data-v-f06ef9a0></span>
                        <span class="modify-text" data-v-f06ef9a0><span data-v-f06ef9a0>绑定手机</span></span></div>
                      <div data-v-f06ef9a0><label class="label" data-v-f06ef9a0>邮 箱</label> <span class="spli"
                                                                                                  data-v-f06ef9a0>未绑定邮箱</span>
                        <span class="modify-text" data-v-f06ef9a0><span data-v-f06ef9a0>绑定邮箱</span></span></div>
                      <div data-v-f06ef9a0><label class="label" data-v-f06ef9a0>登录密码</label> <span class="spli"
                                                                                                   data-v-f06ef9a0>未设置密码</span>
                        <span class="modify-text" data-v-f06ef9a0><span data-v-f06ef9a0>设置密码</span></span></div>
                    </div>
                  </div>
                  <div class="base-info" data-v-f06ef9a0>
                    <div class="info-tit-wrap" data-v-f06ef9a0><h5 class="info-tit" data-v-f06ef9a0>职业信息</h5></div>
                    <div class="professional" data-v-f06ef9a0>
                      <div class="professional-module" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>职 业</label>
                        <span class="spli" data-v-f06ef9a0>未设置</span> <span class="modify-text"
                                                                            data-v-f06ef9a0>修改</span></div> <!---->
                      <div class="professional-module" data-v-f06ef9a0><label class="label" data-v-f06ef9a0>感 兴
                        趣</label>
                        <div data-v-f06ef9a0><span class="spli" data-v-f06ef9a0>未设置</span></div>
                        <span class="modify-text" data-v-f06ef9a0>添加感兴趣的职业方向</span></div> <!----></div>
                  </div>
                </div>
              </div>
            </div> <!----></main>
        </div>
      </div> <!---->
      <ul class="side" data-v-20420f28 data-v-f810d444>
        <li data-v-20420f28><img src="//hcdn2.luffycity.com/media/frontend/activity/side-consult_1564141044.7659125.svg"
                                 data-v-20420f28>
          <p data-v-20420f28>咨询</p> <span data-v-20420f28>在线<br data-v-20420f28>咨询</span></li>
        <li data-v-20420f28><img src="//hcdn2.luffycity.com/media/frontend/activity/side-wechat_1564141045.4245212.svg"
                                 class="wechat" data-v-20420f28> <!----></li>
        <a href="/help" target="_blank" data-v-20420f28>
          <li data-v-20420f28><img src="//hcdn2.luffycity.com/media/frontend/activity/side-help_1564141045.205138.svg"
                                   data-v-20420f28>
            <p data-v-20420f28>帮助</p> <span data-v-20420f28>帮助<br data-v-20420f28>中心</span></li>
        </a> <a href="/about-us/market-check" target="_blank" data-v-20420f28>
        <li data-v-20420f28><img src="//hcdn2.luffycity.com/media/frontend/about_us/market-check-2.svg" data-v-20420f28>
          <p data-v-20420f28>监察</p> <span data-v-20420f28>市场<br data-v-20420f28>监察</span></li>
      </a></ul>
      <div class="mbox" style="display:none;" data-v-250c3340 data-v-f810d444>
        <div class="mask" data-v-250c3340><img src="//hcdn2.luffycity.com/media/frontend/activity/close.png"
                                               class="close" data-v-250c3340> <img
          src="//hcdn2.luffycity.com/media/frontend/activity/mask_5krIL12.png" class="popup" data-v-250c3340></div>
      </div>
      <footer data-v-dabcc042 data-v-f810d444>
        <div class="foot-about" data-v-dabcc042>
          <div class="foot-about2" data-v-dabcc042>
            <div class="box1" data-v-dabcc042>
              <div class="box-title" data-v-dabcc042><img
                src="//hcdn2.luffycity.com/media/frontend/activity/about_luffy4.svg" class="img1" data-v-dabcc042>
                关于路飞
              </div>
              <div class="box-content" data-v-dabcc042>
                <div data-v-dabcc042><a href="https://www.luffycity.com/about-us/" target="_blank" class="box-content1"
                                        data-v-dabcc042>关于我们</a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/about-us/" target="_blank" class="box-content1"
                                        data-v-dabcc042>荣誉资质</a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/about-us/" target="_blank" class="box-content1"
                                        data-v-dabcc042>网站地图</a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/about-us/" target="_blank" class="box-content1"
                                        data-v-dabcc042>联系我们</a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/about-us/" target="_blank" class="box-content1"
                                        data-v-dabcc042>加入我们</a></div>
              </div>
            </div>
            <div class="box2" data-v-dabcc042>
              <div class="box-title" data-v-dabcc042><img id="help1"
                                                          src="//hcdn2.luffycity.com/media/frontend/activity/help_center3.svg"
                                                          class="img1" data-v-dabcc042>
                帮助中心
              </div>
              <div class="box-content" data-v-dabcc042>
                <div data-v-dabcc042><a id="help2" href="https://www.luffycity.com/help/how-to-buy/" target="_blank"
                                        class="box-content1" data-v-dabcc042>如何购买观看</a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/help/coupon/" target="_blank"
                                        class="box-content1" data-v-dabcc042>优惠券介绍</a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/help/balance/" target="_blank"
                                        class="box-content1" data-v-dabcc042>贝里介绍</a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/help/employment-class-course/" target="_blank"
                                        class="box-content1" data-v-dabcc042>就业班课程</a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/help/" target="_blank" class="box-content1"
                                        data-v-dabcc042>更多 &gt;&gt;</a></div>
              </div>
            </div>
            <div class="box3" data-v-dabcc042>
              <div class="box-title" data-v-dabcc042><img id="course1"
                                                          src="//hcdn2.luffycity.com/media/frontend/activity/Recommended_courses2.svg"
                                                          class="img1" data-v-dabcc042>
                推荐课程
              </div>
              <div class="box-content" data-v-dabcc042>
                <div data-v-dabcc042><a href="https://www.luffycity.com/activity/python-8days-camp?source=main"
                                        target="_blank" class="box-content1" data-v-dabcc042>
                  Python 训练营
                </a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/employment-course/1/detail/" target="_blank"
                                        class="box-content1" data-v-dabcc042>
                  Python全栈开发
                </a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/employment-course/23/detail/" target="_blank"
                                        class="box-content1" data-v-dabcc042>
                  Python数据分析师
                </a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/employment-course/2/detail/" target="_blank"
                                        class="box-content1" data-v-dabcc042>
                  Linux云计算</a></div>
                <div data-v-dabcc042><a href="https://www.luffycity.com/free-course/143/detail/" target="_blank"
                                        class="box-content1" data-v-dabcc042>
                  前端开发
                </a></div>
              </div>
            </div>
          </div>
        </div>
        <div class="foot-item" data-v-dabcc042>
          <div class="foot-left" data-v-dabcc042>
            <div class="foot-content" data-v-dabcc042><p data-v-dabcc042></p>
              <div clss="other" data-v-dabcc042><p data-v-dabcc042>地址：北京市昌平区顺沙路八号院汇德商厦402 邮箱：customer@luffycity.com</p>
                <p data-v-dabcc042>
                  © 2017-2020 北京路飞学城教育科技有限公司版权所有
                  <a href="http://beian.miit.gov.cn" target="_blank" class="copyright"
                     data-v-dabcc042>京ICP备17072161号-1</a></p>
                <p data-v-dabcc042><a target="_blank"
                                      href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102002019&token=1ee3034d-ba3a-4cc3-89d4-89875e2dd0b1"
                                      class="report-link" data-v-dabcc042><img
                  src="//img.alicdn.com/tfs/TB1..50QpXXXXX7XpXXXXXXXXXX-40-40.png" class="report-img"
                  style="float:left;" data-v-dabcc042> 京公网安备 11010102002019号
                </a></p></div>
            </div>
          </div>
          <img src="//hcdn2.luffycity.com/media/frontend/activity/qr_B0Bsv0d.png" class="code" style="display:;"
               data-v-dabcc042></div>
      </footer>
    </div>
  </div>
</div>
<script>window.__NUXT__ = (function (a, b, c) {
  return {
    layout: "default",
    data: [{}, {}],
    error: null,
    state: {
      employmentInfo: [],
      studentResultCount: {
        count: 39747,
        enroll: {count: 8298, today_count: a},
        offer: {count: 327, today_count: a},
        speech: {count: 291, today_count: a},
        notes: {count: 106, today_count: a},
        homework: {count: 30725, today_count: 4}
      },
      isNeedLogin: b,
      isHideHeader: b,
      activity: {isTriggerCampPay: b, isOpenCampPay: b, isOpenContact: b},
      auth: {
        user: {
          uid: "b264c08f4104dc6773c1d5fe9688e0f8",
          username: "路飞用户faK1",
          mobile: 18831158165,
          is_active: c,
          head_img: "\u002F\u002Fhcdn2.luffycity.com\u002Fmedia\u002Ffrontend\u002Fhead_portrait\u002Fb264c08f4104dc6773c1d5fe9688e0f8.png",
          balance: a,
          is_cert: b,
          has_cash_perm: b,
          has_period_perm: c,
          has_password: c,
          cart_number: a,
          use_coupon_count: a,
          expired_coupon_count: a,
          paid_count: a
        },
        isLogin: c,
        authToken: "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNjIyOTQ1NjAzLCJqdGkiOiI4NWFmNDY2MGIwMDc0NTNkOWQzYWRmOTAwYmY4ZTQxMCIsInVpZCI6ImIyNjRjMDhmNDEwNGRjNjc3M2MxZDVmZTk2ODhlMGY4In0.H7SU5E5R6rGJu_MWGuWUsu-f8HI2AZVxj6iqK6ub-qU"
      },
      global: {},
      route: {prevRoute: "\u002F"}
    },
    serverRendered: c
  }
}(0, false, true));</script>
<script src="/_nuxt/55515e77d0ea1677a64f.js" defer></script>
<script src="/_nuxt/1cd297dbc470aa7b5cc4.js" defer></script>
<script src="/_nuxt/8b1ec9b0d21d26a5d350.js" defer></script>
<script src="/_nuxt/a3fe59d1b05dd02c96a0.js" defer></script>
<script src="/_nuxt/e297b41ca8cc36f4a2d6.js" defer></script>
</body>
</html>
